* {margin: 0; padding: 0; box-sizing: border-box;}

body {font-size: 14px; font-family: "微软雅黑"; line-height: 150%;}
body.lottery {background: url(../img/lottery_page_bg.jpg) repeat-y; background-size: 100%;}
button {width: 3.06rem; height: 0.79rem; background: url(../img/button_bg.png) no-repeat; background-size: cover; border: none; display: block; color: #fff; text-align: center; font-size: 0.3rem; font-weight: bold; line-height: 0.7rem; margin: 0 auto;}

.pop_bg {background: #000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; z-index: 998; display: none;}
.pop_box {background: url(../img/pop_box.png) no-repeat; background-size: 100%; width: 6.5rem; position: fixed; top: 3.35rem; left: 0.5rem; z-index: 999; display: none;}
.pop_box.loading {background: none; text-align: center;}
.pop_box > .pop_title {text-align: center; color: #ff005d; font-size: 0.5rem; line-height: 0.6rem; padding: 0.11rem;}
.pop_box > .pop_gift {margin: 0.22rem 0 0;}
.pop_box > p {color: #ff005d; text-align: center; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold;}
.pop_box > button {margin: 0.54rem auto;}
.pop_box#formSubmit {padding-bottom: 0.5rem;}
.pop_box#formSubmit > .pop_title {font-size: 0.4rem;}
.pop_box#formSubmit > p {line-height: 0.45rem;}
.pop_box#formSubmit > img {margin: 0.3rem 0;}

.page_lottery {background: url(../img/lottery_bg.jpg) no-repeat; background-size: 100%; padding-top: 0.53rem;}
.page_lottery .zhuanpan {position:relative; text-align:center; background:url(../img/zhuanpan_bg.png) center center no-repeat; background-size:100%; width:80%; margin:0 auto; padding: 5% 4% 4%; box-sizing:border-box; margin-top: -0.5rem; margin-bottom: -0.7rem;}
.page_lottery .zhuanpan #img {position:relative;}
.page_lottery .zhuanpan #tip {position:absolute; z-index:2; top:0; left:0;}
.box {padding: 0 0.36rem;}
.rule_title {margin-top: 0.65rem; color: #fff595; font-size: 0.3rem;}
.rule_title:after {content: ''; display: inline-block; width: 0; height: 0; border-top: solid #fff595 .2rem; border-left: solid transparent .12rem;  border-right: solid transparent .12rem; border-bottom: none; margin-left: 0.2rem;}
.rule_content {background: #682e8c; padding: 0.35rem 0.3rem; border-radius: 10px; margin-top: 0.2rem; margin-bottom: 0.5rem;}
.rule_content > p {color: #fffaca; font-size: 0.26rem; line-height: 0.3rem; margin-bottom: 0.28rem;}
.rule_content > p:last-child {margin-bottom: 0;}
.form_title {margin: 0.5rem 0 0.3rem;}
.form_box {padding: 0 0.8rem;}
.form_box .input_box {height: 0.7rem; line-height: 0.7rem; background: #fff; border-radius: 5px; position: relative; margin-bottom: 0.3rem;}
.form_box .input_box > input[type="text"] {position: absolute; width: 100%; line-height: 0.7rem; top: 0; left: 0; background: none; border: none; padding: 0 0.27rem; font-size: 0.28rem;}
.form_box .input_box > button {width: 2.02rem; height: 0.66rem; line-height: 0.66rem; top: 0.02rem; text-align: center; color: #fff; position: absolute; right: 0.02rem; background: #5c1090; border-radius: 0 5px 5px 0; border: none;}
.flex_between {display: flex; justify-content: space-between;}
.form_box .input_box.select {width: 2.8rem;}
.form_box .input_box.select:after {content: ''; display: inline-block; width: 0; border-top: #5c1090 solid 0.15rem; border-left: transparent solid 0.15rem; border-right: transparent solid 0.15rem; position: absolute; right: 0.2rem; top: 0.3rem;}
.form_box .input_box.select > select {position: absolute; width: 100%; height: 0.7rem; top: 0; left: 0; z-index: 2; opacity: 0;}

.next_page {bottom: 0.38rem; left: 50%; width: 0.5rem; margin-left: -0.25rem; z-index: 99;}
.page {min-height: 100vh;}
.page.one {background: url(../img/page_one_bg.png) repeat-y; background-size: 100%;}
.animated {position: absolute; display: none;}
.page > img {width: 100%; left: 0;}
.page > .page_one_shake {top: 6.97rem;}
.page > .page_one_down {top: 5.63rem;}
.page > .page_one_ghost {top: 5.09rem;}
.page > .page_one_text {top: 2.85rem;}
.page > .page_two_oneday {top: 2.46rem;}
.page > .page_two_text1 {top: 0.64rem;}
.page > .page_two_text2 {top: 3.18rem;}
.page > .page_two_text3 {position: absolute; width: 100%; left: 0; bottom: -5px;}
.page > .page_two_text3 > .page_two_text3_1 {transform-origin: 100% 100%; left: 0.18rem; top: -0.44rem; width: 3.32rem;}
.page > .page_pop {position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.5);}
.page > .page_pop > .page_pop_bg {width: 100%; left: 0; top: 0; height: 100%;}
.page > .page_pop > .page_pop_no {width: 100%; left: 0; top: 3.02rem;}
.page > .page_pop > .page_pop_text1 {width: 100%; left: 0; top: 1.19rem;}
.page > .page_three_scene1 {top: 0;}
.page > .page_three_s1t1 {width: 2.17rem; left: 0.43rem; top: 0.43rem; transform-origin: 100% 100%;}
.page > .page_three_s1t2 {width: 1.43rem; left: inherit; right: 0.15rem; top: 0.6rem; transform-origin: 0% 100%;}
.page > .page_three_s1t3 {top: 4.28rem;}
.page > .page_three_s1t4 {top: 4.85rem;}
.page > .page_three_scene2 {bottom: 0;}
.page > .page_three_s2t1 {width: 0.61rem; left: 0.8rem; bottom: 4.76rem; transform-origin: 100% 100%;}
.page > .page_three_s2s {width: 0.42rem; left: 5.6rem; bottom: 4.42rem;}
.page > .page_four_text1 {top: 0.25rem;}
.page > .page_four_text2 {top: 3.5rem;}
.page > .page_four_text3 {top: 7rem;}
.page > .page_pop > .page_pop_text3 {width: 100%; left: 0; bottom: 0;}
.page.five {background: url(../img/page_five_bg.jpg) repeat-y; background-size: 100%;}
.page > .page_five_phone {bottom: 0;}
.page > .page_five_js {bottom: 6.2rem;}
.page > .page_pop.black {background: #000;}
.page > .page_pop.black > .how_save_me {position: absolute; width: 100%; left: 0; top: 1rem; background: url(../img/who_save_bg.png) no-repeat; background-size: 100%;  height: 7.39rem; display: none;}
.page > .page_pop.black > .page_six_ygbh_box {background: url(../img/page_six_s1_text.png) no-repeat; height: 10rem; background-size: 100%; position: relative; top: 2rem;}
.page > .page_pop.black > .page_six_ygbh_box > img {position: absolute; top: 2.75rem; bottom: 0; transform-origin: center center; -webkit-transform-origin: center center;}
.page > .page_pop.black > .page_six_ygbh_box.open {background: url(../img/page_six_s1_text_open.png) no-repeat; background-size: 100%;}
.page > .page_pop.black > .page_six_ygbh_box > .yghb_open {background: url(../img/page_six_ygbh_open.png) no-repeat; background-size: 100%; height: 4.64rem; position: absolute; width: 100%; left: 0; top: 2.49rem; opacity: 0; display: none;}
.page > .page_pop.black > .page_six_ygbh_box > .yghb_open > .page_six_s1_text1_open {    width: 100%; margin-top: -40%;}
.page > .page_pop.black > .page_six_ygbh_box > .yghb_open > .page_six_s1_text2_open {    width: 100%; margin-top: -20%;}
.page > .page_pop.black > .page_six_ygbh_box > .yghb_open > .page_six_ygbh_open_light {position: absolute; top: -50%;}
.page > .page_pop.white {background: #fff; display: none;}
.page.sun {background-color: #9666cc;}
.page.seven {background-image: url(../img/page_seven_bg.jpg); background-repeat: no-repeat; background-size: 100%; width: 100%;}
.page.eight {background-color: #65e5ff; background-image: url(../img/page_eight_bg.jpg); background-position: left bottom; background-repeat: no-repeat; background-size: 100%; width: 100%;}
.page.nine {background-image: url(../img/page_nine_bg.jpg); background-repeat: no-repeat; background-size: 100%; width: 100%;}
.page.ten {background-image: url(../img/page_ten_bg.jpg); background-repeat: no-repeat; background-size: 100%; width: 100%;}
.page > .page_seven_light {top: 0;}
.page > .page_ten_light {top: 6.03rem;}
.page > .page_sun_bottom_box {background: url(../img/page_sun_bottom_bg.png) repeat-x; background-size: 2px 3.7rem; position: absolute; width: 100%; left: 0; bottom: 0; width: 100%; height: 3.7rem;}
.page > .page_sun_bottom_box > img {position: absolute; width: 100%; left: 0; top: 0;}
.page > .page_sun_bottom_box > img:last-child {top: 1.25rem;}
.page > .page_eight_tree {position: absolute; top: 0; left: 0;}
.page > .page_nine_head1 {top: 5.9rem; width: 1.35rem; left: 3.67rem; -webkit-transform-origin: 90% 100%; transform-origin: 90% 100%;}
.page > .page_nine_head2 {width: 0.91rem; top: 6rem; left: 2.89rem; -webkit-transform-origin: 10% 100%; transform-origin: 10% 100%;}
.page.violet {background-color: #5C1090;}
.page > h1 {color: #fff; width: 100%; text-align: center; line-height: 0.7rem;}
.page > .text1 {top: 2rem;}
.page > .text2 {top: 5rem;}
.page > #gotoLettery,.page > #gotoLettery_demo {bottom: 2rem; left: 50%; margin-left: -1.89rem; width: 3.78rem; height: 1.06rem; background: url(../img/goto_lettery_btn.png) no-repeat; background-size: 100%;}
